<template>
	<view class="container">
		<image src="/static/icon/product_default.png" :style="{width: size, height: size}" />
		<image :src="src" v-if="src" class="image" :style="{width: size, height: size}" />
		<image :src="dSrc" v-if="dSrc" class="image" :style="{width: size, height: size}" />
		<!-- <img-cache :src="src" v-if="src" class="image" :style="{width: size, height: size}" />
		<img-cache :src="dSrc" v-if="dSrc" class="image" :style="{width: size, height: size}" /> -->
	</view>
</template>

<script>
	export default {
		props: {
			src: {
				type: String,
				default: null // 'https://img.cplotus-gz.com/public/20200728153553428_Pc8xP_750x750_220x220.jpg'
			},
			dSrc: {
				type: String,
				default: null // 'https://eshop.blob.core.chinacloudapi.cn/public/20201106090502790_w92hs_750x750.png'
			},
			size: {
				type: String,
				default: '220rpx'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>
	.container {
		position: relative;
	}
	.image {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
</style>
